/* assets/css/pages/legal.css */

.legal-dossier {
    background: #000000 !important;
    min-height: 100vh;
    padding: 150px 0;
    color: #ffffff;
    font-family: 'JetBrains Mono', monospace;
}

.legal-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
}

/* Header */
.l-header { margin-bottom: 80px; }
.l-meta { font-size: 0.75rem; color: #8b2cf5; letter-spacing: 5px; margin-bottom: 20px; font-weight: bold; }
.l-title { font-size: clamp(2.5rem, 8vw, 5rem); font-weight: 900; letter-spacing: -3px; margin: 0; }
.l-glow { text-shadow: 0 0 30px rgba(139, 44, 245, 0.4); }
.l-subtitle { font-size: 1rem; color: rgba(255, 255, 255, 0.3); margin-top: 20px; }

/* Content Sections */
.legal-grid { display: flex; flex-direction: column; gap: 80px; }

.l-tag {
    font-size: 0.75rem;
    color: #8b2cf5;
    letter-spacing: 4px;
    margin-bottom: 30px;
    border-left: 2px solid #8b2cf5;
    padding-left: 15px;
}

.l-content p {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
    line-height: 1.6;
}

.l-content ul {
    list-style: none;
    padding: 0;
}

.l-content ul li {
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.l-content ul li::before {
    content: ">";
    position: absolute;
    left: 0;
    color: #8b2cf5;
}

.highlight-sec {
    background: rgba(139, 44, 245, 0.03);
    padding: 40px;
    border: 1px solid rgba(139, 44, 245, 0.1);
}

.compliance-footer {
    margin-top: 100px;
    text-align: center;
    font-size: 0.7rem;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing: 3px;
}

@media (max-width: 768px) {
    .legal-wrap { padding: 0 20px; }
    .l-title { font-size: 2.5rem; }
}